<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>HuanYingPan 扩展设置</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <div class="container">
    <h1>扩展设置</h1>
    <label class="row"><span>API 地址</span>
      <input id="apiUrl" type="url" placeholder="https://example.com/api.php" />
    </label>
    <label class="row"><span>API Key</span>
      <input id="apiKey" type="text" placeholder="请输入你的密钥" />
    </label>
    <div class="actions">
      <button id="saveBtn" class="btn primary">保存</button>
      <button id="testBtn" class="btn">测试连接</button>
    </div>
    <p id="status" class="muted"></p>
  </div>
  <script src="options.js"></script>
</body>
</html>